.backups-reduction-page {
    background-color: #fff;
    min-height: calc(100vh - 114px);
    padding: 12px 20px;
    overflow-x: hidden;
    .page-top-option {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 6px;
        margin-bottom: 12px;
        .lg-select-root {
            vertical-align: middle;
            margin-right: 5px;
            .lg-select-frame {
                width: 100px;
            }
            .lg-select-menu-menu {
                width: 100px;
            }
        }
        .split-line {
            display: inline-block;
            vertical-align: middle;
            width: 1px;
            height: 14px;
            background-color: #cccccc;
            margin: 0 10px;
        }
        .list-num {
            margin-left: 7px;
            color: #999;
            span {
                color: #333;
            }
        }
        .my_search_input {
            width: 180px;
            font-size: 14px;
        }
    }
    .data-table {
        margin: 12px 0 20px;
        .table-thead {
            height: 40px;
            line-height: 40px;
        }
        .table-tr {
            height: 48px;
            line-height: 40px;
            p {
                line-height: 16px;
                margin-bottom: 0;
            }
            .table-update-title {
                display: inline-flex;
                align-items: center;
                margin: 8px 0 0 -32px;
                .module-icon {
                    width: 24px;
                    height: 24px;
                    background-size: contain;
                    background-position: center;
                    background-repeat: no-repeat;
                    margin-right: 8px;
                }
                .module-info {
                    .module-title {
                        margin: -4px 0 4px 0;
                    }
                    .module-target {
                        font-size: 12px;
                        color: #999;
                    }
                }
            }
            .table-update-type {
                width: 100%;
                text-overflow: ellipsis;
                overflow: hidden;
                white-space: nowrap;
            }
            .table-update-place {
                width: 100%;
                line-height: 16px;
                white-space: pre-wrap;
                position: relative;
                top: 50%;
                transform: translateY(-50%);
            }
            .table-update-state {
                display: inline-flex;
                width: 100%;
                flex-direction: column;
                align-items: center;
                vertical-align: middle;
                .state-one {
                    width: 100%;
                    line-height: 20px;
                    .state-name {
                        display: inline-block;
                        vertical-align: middle;
                        width: 42px;
                        text-align: right;
                    }
                    .lg-switch-root {
                        display: inline-flex;
                        margin-left: 5px;
                    }
                }
            }
            .table-btn-group {
                display: inline-flex;
                align-items: center;
                .blue-btn {
                    color: #0099ff;
                    cursor: pointer;
                    &:hover {
                        opacity: .8;
                    }
                }
                .btn-slice {
                    width: 1px;
                    height: 10px;
                    background-color: #d9d9d9;
                    margin: 0 10px;
                }
                .red-btn {
                    color: #ef5757;
                    cursor: pointer;
                    &:hover {
                        opacity: .8;
                    }
                }
            }
        }
    }
    .menu_pagination {
        .lg-pagination-A-root {
            position: relative;
            left: 80%;
            padding: 20px;
            // float: right;
        }
    }
}

.detail-drawer {
    .ant-drawer-header {
        padding: 9px 16px;
        .ant-drawer-title {
            font-weight: bold;
            font-size: 14px;
        }
        .ant-drawer-close {
            width: 42px;
            height: 42px;
            padding: 0;
        }
    }
    .ant-drawer-body {
        padding: 20px;
    }
    .info-option {
        margin-bottom: 8px;
        .option-name {
            display: inline-block;
            vertical-align: top;
            width: 60px;
            text-align: right;
            color: #999;
            margin-right: 5px;
        }
        .option-value {
            display: inline-block;
            vertical-align: top;
            font-weight: 600;
        }
    }
    .react-json-view {
        display: inline-block;
        vertical-align: top;
        width: calc(100% - 68px);
        * {
            color: #333;
            font-family: "微软雅黑";
        }
        .object-key-val {
            background-color: #f5f5f5;
            padding: 20px;
            span {
                font-weight: normal !important;
            }
            .string-value {
                word-break: break-all;
                color: #009900 !important;
            }
        }
        
    }
    
}